.app {
  user-select: none;
  width: 600px;
  margin: 100px auto;
  min-height: 300px;
  border: 1px solid #ddd;
  padding-top: 20px;
  padding-bottom: 72px;
  position: relative;
  .header {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    input {
      height: 36px;
      border: 1px solid #666;
      width: 90%;
      text-indent: 10px;
    }
  }
  .listbox{
    .item{
      display: flex;
      justify-content: space-between;
      padding: 0 10px;
      height: 36px;
      border-bottom: 1px solid #ccc;
      &:hover{
        background: #ddd;
      }
      .left{
        flex: 1;
        display: flex;
        align-items: center;
        input{
          margin-right: 20px;
        }
      }
      button{
        width: 120px;
        display: none;
      }
      &:hover{
        button{
          display: block;
          background-color: tomato;
        }
      }
    }
  }
  .footer{
    position: absolute;
    bottom: 18px;
    height: 36px;
    left: 0;
    right: 0;
    display: flex;
    padding-left: 10px;
    div{
      display: flex;
      align-items: center;
      input{
        margin-right: 20px;
      }
    }
  }
}
